<template>
  <view class="work-container">
<!--    轮播图
    <uni-swiper-dot class="uni-swiper-dot-box" :info="data" :current="current" field="content">
      <swiper class="swiper-box" :current="swiperDotIndex" @change="changeSwiper">
        <swiper-item v-for="(item, index) in data" :key="index">
          <view class="swiper-item" @click="clickBannerItem(item)">
            <image :src="item.image" mode="aspectFill" :draggable="false" />
          </view>
        </swiper-item>
      </swiper>
    </uni-swiper-dot> -->

    <!-- 宫格组件 -->
    <uni-section title="入库管理" titleColor="#176ab7" type="square" titleFontSize="32rpx"></uni-section>
    <view class="grid-body">
      <uni-grid :column="4" :showBorder="false">
        <uni-grid-item>
          <view class="grid-item-box">
            <uni-icons type="download-filled" size="30" color="#176ab7" @click="goto('/pages/product_recpt/product_recpt')"></uni-icons>
            <!-- <uni-icons type="download-filled" size="30" color="#176ab7" @click="goto('/pages/kunshan/product_recpt')"></uni-icons> -->
			<text class="text" style="color:#176ab7;">产成品入库</text>
          </view>
        </uni-grid-item>
				
		<uni-grid-item>
		  <view class="grid-item-box">
		    <uni-icons type="cloud-download-filled" size="30" color="#176ab7" @click="goto('/pages/special/wm_transfer_in')"></uni-icons>
		    <text class="text" style="color:#176ab7;">调入单</text>
		  </view>
		</uni-grid-item>
		
		<uni-grid-item>
		  <view class="grid-item-box">
		    <uni-icons type="cloud-download-filled" size="30" color="#176ab7" @click="goto('/pages/product_recpt/reworkIn')"></uni-icons>
		    <text class="text" style="color:#176ab7;">返工入库</text>
		  </view>
		</uni-grid-item>
		
		<uni-grid-item>
		  <view class="grid-item-box">
		    <uni-icons type="download-filled" size="30" color="#176ab7" @click="goto('/pages/special/wm_misc_rcv_trans_list')"></uni-icons>
		    <text class="text" style="color:#176ab7;">杂收单</text>
		  </view>
		</uni-grid-item>
		
		<uni-grid-item>
		  <view class="grid-item-box">
		    <uni-icons type="download-filled" size="30" color="#1a48bd" @click="goto('/pages/wm_package/wm_package_returnWarehouse')"></uni-icons>
		    <text class="text" style="color:#1a48bd;">返还上架</text>
		  </view>
		</uni-grid-item>
		<!-- <uni-grid-item>
		  <view class="grid-item-box">
		    <uni-icons type="download-filled" size="30" color="#176ab7" @click="goto('/pages/wm_package/wm_package_retuenGrounding')"></uni-icons>
		    <text class="text" style="color:#176ab7;">返还上架</text>
		  </view>
		</uni-grid-item> -->
      </uni-grid>
    </view>
  
    
    <uni-section title="销售管理"  titleColor="#1a48bd" type="square" titleFontSize="32rpx"></uni-section>
	<view class="grid-body">
	   <uni-grid :column="4" :showBorder="false">
	    <!--<uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="map-filled" size="30" color="#1a48bd" @click="goto('/pages/wm_package/wm_package_plan?id=1')"></uni-icons>
	        <text class="text" style="color:#1a48bd;">组托计划</text>
	      </view>
	    </uni-grid-item> -->
		<!-- <uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="gift-filled" size="30" color="#1a48bd" @click="goto('/pages/wm_package/wm_package')"></uni-icons>
	        <text class="text" style="color:#1a48bd;">组托任务</text>
	      </view>
	    </uni-grid-item> -->
		<uni-grid-item>
		  <view class="grid-item-box">
		    <uni-icons type="eye-filled" size="30" color="#1a48bd" @click="goto('/pages/wm_package/wm_package_check')"></uni-icons>
		    <text class="text" style="color:#1a48bd;">组托校验</text>
		  </view>
		</uni-grid-item>
		<!-- <uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="cart-filled" size="30" color="#1a48bd" @click="goto('/pages/wm_truck/wm_truck_loading')"></uni-icons>
	        <text class="text" style="color:#1a48bd;">装车</text>
	      </view>
	    </uni-grid-item> -->
		<uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="undo-filled" size="30" color="#1a48bd" @click="goto('/pages/remove_bracket/wm_unpanel_line')"></uni-icons>
	        <text class="text" style="color:#1a48bd;">拆托换货</text>
	      </view>
	    </uni-grid-item>
		
	  </uni-grid>
	</view>
	
	<uni-section title="出库管理" titleColor="#176ab7" type="square" titleFontSize="32rpx"></uni-section>
	 <view class="grid-body">
		 <uni-grid :column="4" :showBorder="false">
			 <uni-grid-item>
			   <view class="grid-item-box">
			     <uni-icons type="cloud-upload-filled" size="30" color="#176ab7" @click="goto('/pages/special/wm_transfer_out')"></uni-icons>
			     <text class="text" style="color:#176ab7;">调出单</text>
			   </view>
			 </uni-grid-item>
			 
			 <uni-grid-item>
			   <view class="grid-item-box">
			     <uni-icons type="cloud-upload-filled" size="30" color="#176ab7" @click="goto('/pages/product_recpt/reworkOut')"></uni-icons>
			     <text class="text" style="color:#176ab7;">返工出库</text>
			   </view>
			 </uni-grid-item>
			 
			 <uni-grid-item>
			   <view class="grid-item-box">
			     <uni-icons type="upload-filled" size="30" color="#176ab7" @click="goto('/pages/special/wm_msic_ship')"></uni-icons>
			     <text class="text" style="color:#176ab7;">杂发单</text>
			   </view>
			 </uni-grid-item>
		 </uni-grid>
	 </view>
	
	
    <uni-section title="库内操作" titleColor="#5c62cd" type="square" titleFontSize="32rpx"></uni-section>
	<view class="grid-body">
	  <uni-grid :column="4" :showBorder="false">
	    <!-- <uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="settings-filled" size="30" color="#5c62cd"></uni-icons>
	        <text class="text" style="color:#5c62cd;">盘点计划</text>
	      </view>
	    </uni-grid-item> -->
		<!-- <uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="shop-filled" size="30" color="#5c62cd" @click="goto('/pages/special/wms_check_order')"></uni-icons>
	        <text class="text" style="color:#5c62cd;">实盘单</text>
	      </view>
	    </uni-grid-item> -->
		
		<uni-grid-item>
		  <view class="grid-item-box">
		    <uni-icons type="tune-filled" size="30" color="#5c62cd" @click="goto('/pages/transfer/transfer')"></uni-icons>
		    <text class="text" style="color:#5c62cd;">迁移</text>
		  </view>
		</uni-grid-item>
	  </uni-grid>
	</view>
	<uni-section title="特殊作业" titleColor="#5c62cd" type="square" titleFontSize="32rpx"></uni-section>
    <view class="grid-body">
		<uni-grid :column="4" :showBorder="false" >
			<uni-grid-item>
			  <view class="grid-item-box">
			    <uni-icons type="minus" size="30" color="#0281c2" @click="goto('/pages/special/wms_freeze_inventory')"></uni-icons>
			    <text class="text" style="color:#0281c2;">冻结库存</text>
			  </view>
			</uni-grid-item>
			<uni-grid-item>
			  <view class="grid-item-box">
			    <uni-icons type="plus" size="30" color="#0281c2" @click="goto('/pages/special/wms_cancel_freeze')"></uni-icons>
			    <text class="text" style="color:#0281c2;">取消冻结</text>
			  </view>
			</uni-grid-item>
			<!-- <uni-grid-item>
			  <view class="grid-item-box">
			    <uni-icons type="gear" size="30" color="#0281c2" @click="goto('/pages/special/wms_handel_freeze')"></uni-icons>
			    <text class="text" style="color:#0281c2;">冻结处理</text>
			  </view>
			</uni-grid-item> -->
			<uni-grid-item>
			  <view class="grid-item-box">
			    <uni-icons type="gear" size="30" color="#0281c2" @click="goto('/pages/special/overStock')"></uni-icons>
			    <text class="text" style="color:#0281c2;">越库</text>
			  </view>
			</uni-grid-item>
		</uni-grid>
	</view>
	<uni-section title="数据查询" titleColor="#0281c2" type="square" titleFontSize="32rpx"></uni-section>
	<view class="grid-body">
	  <uni-grid :column="4" :showBorder="false" >
		  <uni-grid-item>
		    <view class="grid-item-box">
		      <uni-icons type="search" size="30" color="#0281c2" @click="goto('/pages/query/product_recpt_query')"></uni-icons>
		      <text class="text" style="color:#0281c2;">入库详情</text>
		    </view>
		  </uni-grid-item>
		  
		  <uni-grid-item>
		    <view class="grid-item-box">
		      <uni-icons type="search" size="30" color="#0281c2" @click="goto('/pages/query/wm_package_query')"></uni-icons>
		      <text class="text" style="color:#0281c2;">补打唛头签</text>
		    </view>
		  </uni-grid-item>
		  
	    <uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="list" size="30" color="#0281c2" @click="goto('/pages/query/wm_stock_query')"></uni-icons>
	        <text class="text" style="color:#0281c2;">库存现有量</text>
	      </view>
	    </uni-grid-item>
		<uni-grid-item>
	      <view class="grid-item-box">
	        <uni-icons type="bars" size="30" color="#0281c2" @click="goto('/pages/query/wm_barcode_query')"></uni-icons>
	        <text class="text" style="color:#0281c2;">存货信息</text>
	      </view>
	    </uni-grid-item>
	  </uni-grid>
	</view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        current: 0,
        swiperDotIndex: 0,
		orgId:'',
        data: [{
            image: '/static/images/banner/banner01.jpg'
          },
          {
            image: '/static/images/banner/banner02.jpg'
          },
          {
            image: '/static/images/banner/banner03.jpg'
          }
        ]
      }
    },
	
    methods: {
      clickBannerItem(item) {
        console.info(item)
      },
      changeSwiper(e) {
        this.current = e.detail.current
      },
      changeGrid(e) {
        this.$modal.showToast('模块建设中~')
      },
	  goto(url) {
	  	uni.navigateTo({
	  		url: url
	  	})
	  },
    }
  }
  // uni.setTabBarBadge({ //显示数字
  //   index: 2,//tabbar下标
  //   text: '1'//数字
  // });
  // uni.removeTabBarBadge({ //隐藏数字标
  //   index:2
  // })  
</script>

<style lang="scss">
  /* #ifndef APP-NVUE */
  page {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    background-color: #FFF;
    min-height: 100%;
    height: auto;
  }

  view {
    font-size: 14px;
    line-height: inherit;
  }

  /* #endif */

  .text {
    text-align: center;
    font-size: 26rpx;
    margin-top: 10rpx;
  }

  .grid-item-box {
    flex: 1;
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px 0;
  }

  .uni-margin-wrap {
    width: 690rpx;
    width: 100%;
    ;
  }

  .swiper {
    height: 300rpx;
  }

  .swiper-box {
    height: 150px;
  }

  .swiper-item {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    height: 300rpx;
    line-height: 300rpx;
  }

  @media screen and (min-width: 500px) {
    .uni-swiper-dot-box {
      width: 400px;
      /* #ifndef APP-NVUE */
      margin: 0 auto;
      /* #endif */
      margin-top: 8px;
    }

    .image {
      width: 100%;
    }
  }
</style>
